import React from "react";
import { globalImage } from "@/user.InterfaceLayer/constants/styles/CommonStyles";
import Image from "next/image";
import { NewArrivalsBlockProps, DeliveryBlockProps } from "../type";

export const DeliveryBlock: React.FC<DeliveryBlockProps> = () => {
  return (
    <div className="p-9 h-600x bg-fuchsia-600 rounded-md">
      <div className="flex justify-between">
        <div className="m-auto">
          <h1 className="text-h1 font-bold text-white mb-4">Доставка</h1>
          <h4 className="text-h4 font-medium text-white">
            Узнайте о наших способах доставки
          </h4>
        </div>
        <div className="w-1/3 h-1/3">
          <Image
            src="/icons/promo/delivery.svg"
            alt="delivery"
            width={250}
            height={250}
            className={globalImage}
          />
        </div>
      </div>
    </div>
  );
};

export const NewArrivalsBlock: React.FC<NewArrivalsBlockProps> = () => {
  return (
    <div className="p-9 h-600x bg-new-arrivals bg-center bg-cover bg-no-repeat rounded-md flex justify-center items-center">
      <div className="text-center">
        <h1 className="text-h1 font-bold text-white mb-4">Новые поступления</h1>
        <h4 className="text-h4 font-medium text-white">
          Узнайте первыми о товарах, создающих будущее индустрии
        </h4>
      </div>
    </div>
  );
};
